<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>秦汉胡同</title>
    <script type="text/javascript" charset="utf-8" async defer>
    	if(!window.Promise) {
    	  document.writeln('<script src="https://as.alipayobjects.com/g/component/es6-promise/3.2.2/es6-promise.min.js"'+'>'+'<'+'/'+'script>');
    	}
        window.onload = function() {
            var wWidth= document.documentElement.clientWidth>750? 550:document.documentElement.clientWidth;
            console.log(wWidth)
            document.documentElement.style.fontSize =wWidth / 7.5 + 'px';
        }
    </script>


</head>
<body style='-webkit-overflow-scrolling: touch; height:100%;overflow:auto;max-width:750px;margin:0 auto;'>
<style>
    @media screen and (min-width: 750px) {
        body, html {
            background: none;
        }
        
        #view {
            background: #F5F5F5;
        }
        
        #clueList, #ClueDetail {
            position: initial;
        }
        
        .addClue {
            position: relative;
            width: 100%;
            height: 100%;
        }
        
        .addClue .next-step-btn {
            -webkit-transform: translateX(0);
            -ms-transform: translateX(0);
            transform: translateX(0);
            left: 0;
            margin-top: 80px;
            position: initial;
        }
        
        #FollowUp .scroll-box {
            position: initial;
        }
        
        #FollowUp .back-box {
            position: initial;
        }
        
        #UpdateFollowState {
            position: initial;
            height: 100%;
            background: #f5f5f5;
        }
        
        #UpdateFollowState .btn-ctrl {
            position: initial;
            margin-top: 80px;
        }
        
        #AuditionSheet .btns {
            position: initial;
            margin-top: 120px;
        }
        
        .parse-contract .fail a {
            position: initial;
            left: 0;
            bottom: 0;
            margin-left: 0;
            display: inline-block;
            margin-top: 60px;
            margin-left: 65px;
        }
        
        .base-css .btn-css {
            position: initial !important;
            margin-left: 54px !important;
            margin-top: 100px;
        }
        
        .fendan.base-css .am-button {
            margin-left: 132px !important;
        }
        
        #add-stu {
            background: none;
        }
        
        #add-stu .am-button, #add-stu-commit .am-button {
            margin-top: 50px;
        }
        
        #contract-pay .btn-wrap .modify-btn, #contract-pay .btn-wrap .pay-btn {
            width: 72%;
        }
        
        .parse-contract, .change-course, .class-don, .refund-audit, #freeze-contract {
            background: none;
        }
        
        .change-result .am-flexbox-item {
            /*margin-top: 80px;*/
        }
        
        .am-picker-popup-mask {
            width: 750px;
            /*margin: 0 auto;*/
        }
        
        .am-picker-popup-mask, .am-picker-popup-wrap {
            position: fixed;
            top: 0;
            right: 0;
            bottom: 0;
            left: 50%;
            z-index: 1000;
            width: 750px;
            transform: translateX(-50%);
        }
        
        .am-modal-mask {
            width: 750px;
            margin: 0 auto;
            height: 100%;
        }
        
        .am-modal-wrap {
            width: 750px;
            margin: 0 auto;
        }
        
        .am-modal {
            width: 71% !important;
            height: auto;
        }
        
        #interestLabel {
            width: 750px;
            margin: 0 auto;
        }
        
        .btn-main-short {
            width: 38% !important;
        }
        
        .am-number-keyboard-wrapper {
            width: 750px;
            margin: 0 auto;
        }
        
        .new-contract .contract-info .single-select div:nth-child(4n) {
            margin-right: 16px;
        }
        
        .btn-main-long {
            background: content-box url("http://qiniu.shbaoyuantech.com/kongbai.png") no-repeat center / cover;
            background-size: 100% 92px;
        }
        
        #array-course .course-hours {
            width: 750px;
        }
        
        #array-course .list-wrap {
            width: 700px;
        }
        
        #clueList .fix-btns {
            right: 70px;
        }
        
        #clueList .tab-bar {
            overflow-y: hidden;
        }
        
        ::-webkit-scrollbar {
            display: block;
            height: 10px;
            width: 0px;
            background: rgba(0, 0, 0, 0);
        }
        
        ::-webkit-scrollbar-thumb {
            background: rgba(0, 0, 0, .3);
            -webkit-border-radius: 6px;
            -moz-border-radius: 6px;
            -ms-border-radius: 6px;
            -o-border-radius: 6px;
            border-radius: 6px;
        }
        #SelListenTime {
            position: static;
        }
        #modify .am-list-line {
            background-position: right center !important;
        }
        #resultContainer .scrollBox {
            overflow: visible;
        }
        #resultContainer .scrollBox,
        #resultContainer .content,
        #resultContainer .footer,
        #signContractEn .sc-box,
        #signContractEn .btns,
        .am-popup,
        .am-popup-mask,
        #clueList .lists-scroll-box{
            width: 750px;
            left: 50%;
            margin-left: -375px;
        }
        
        a, button {
            cursor: pointer;
        }
        #main-list .num1{
            left: 184px;
            bottom: 82px;
        }
        #main-list .num2{
            left: 174px;
            bottom: 82px;
        }
        #main-list .num3{
            left: 186px;
            bottom: 82px;
        }
        #main-list .num4{
            left: 170px;
            bottom: 74px;
        }
        #main-list .num5{
            left: 198px;
            bottom: 74px;
        }
        #main-list .num6{
            left: 172px;
            bottom: 74px;
        }
        #main-list .num7{
            left: 170px;
            bottom: 74px;
        }
        #main-list .num8{
            left: 174px;
            bottom: 74px;
        }
        #main-list .num9{
            left: 172px;
            bottom: 74px;
        }
    }

</style>
    <div id="view"></div>
</body>
<script src="https://cdn.staticfile.org/qiniu-js-sdk/1.0.14-beta/qiniu.min.js"></script>

</html>

